<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <input hidden id="no-open-course" th:value="${#lists.size(dataList)}"/>
    <li class="mb5" th:if="!${#lists.isEmpty(dataList)}" th:each="dataMap : ${dataList}">
        <a href="/mobile/open/history" class="item-content">
            <div class="item-inner" th:attrappend="data-open=${dataMap['id']}">
                <section class="item-title">
                    <strong class="wm-cm-title c-red" th:text="${#strings.substring(dataMap['openTime'],5,16)}+'-'+${#strings.substring(dataMap['endTime'],11,16)}"></strong>
                </section>
                <div class="wm-desc-txt__wrap">
                    <span class="fs6 c-888" th:text="${dataMap['courseName']}"></span>
                </div>
            </div>
            <div class="item-media pr75">
                <section class="wm-item-picture__wrap pr">
                    <aside class="wm-live-btn__wrap">
                        <span class="button button-fill button-round fs6 bespeak-btn" th:attr="data-id=${dataMap['id']}" th:if="${dataMap['playStatus']} == 2 and !${dataMap['reservation']}">预约直播</span>
                        <span class="button button-fill button-round fs6" th:if="${dataMap['playStatus']} == 2 and ${dataMap['reservation']}">已预约</span>
                        <span class="button button-fill button-round button-danger fs6" th:attrappend="data-open=${dataMap['id']}" th:if="${dataMap['playStatus']} == 1 and ${dataMap['reservation']}">观看直播</span>
                        <span class="button button-fill button-round fs6" th:attrappend="data-open=${dataMap['id']}" th:if="${dataMap['playStatus']} == 3 and ${dataMap['replay']} == 2">查看回放</span>
                        <span class="button button-fill button-round fs6" th:if="${dataMap['playStatus']} == 3 and ${dataMap['replay']} != 2">已结束</span>
                    </aside>
                    <img class="wm-img" th:attr="data-src=${dataMap['imageMap']['mobileUrlMap']['small']}" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                </section>
            </div>
        </a>
    </li>
</html>